<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="<%=basePath%>">
<title>welcome</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
$("#checkBox").find(":checkbox").each(function(){
$(this).click(function(){
if($(this).is(':checked')){
$(this).attr('checked',true).siblings().attr('checked',false);
}else{
$(this).attr('checked',false).siblings().attr('checked',false);
}
});
});
});
});
</script>
</head>
<body>
<p>浙江大学电子图书馆欢迎您！</p>
 <form action="register" method="post">
姓名：<input name="username" type="text" /><br/>
证件号：<input name="uid" type="text"/><br/>
<div id="checkBox">
<label><input name="ustatus" value="学生" type="checkbox"/> 学生</label>
<label><input name="ustatus" value="教职工" type="checkbox"/> 教职工</label>
<label><input name="ustatus" value="其他" type="checkbox"/> 其他</label>
</div>
密码：<input name="password" type="password" /><br/>
 <input type="submit" value="提交"/>
 </form>
 </body>
</html>